<!DOCTYPE html>
<html>
<head>
  <title>填写订单</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=9,IE=10">
  <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
  <link rel="stylesheet" href="css/jquery-ui.css">
  <script src="js/jquery-1.8.2.js"></script>
  <script src="js/jquery-ui.js"></script>
  <link rel="stylesheet" href="css/style.css"> 
  <script type="text/javascript" src="js/myJs.js"></script>
  <script type="text/javascript" src="js/picture.js"></script>
 <script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/product.css" />
    <script type="text/javascript" src="js/yao.js"></script>
    <script type="text/javascript" src="js/account.js"></script>
    <script type="text/javascript" src="js/jquery.XYTipsWindow.min.2.8.js"></script>
  <link rel="stylesheet" href="css/style.css"> 
  <link rel="stylesheet" href="css/account2.css"> 
  <link rel="stylesheet" type="text/css" href="css/layout.css" />
  <link rel="stylesheet" type="text/css" href="css/product.css" />

</head>
<body>
     <!-- 商标，搜索栏，购物车，电话 -->
<div class="header">

  <div class="topbor"><!-- 最顶部导航 -->
    <div class="top">
      <p>欢迎光临华大尚田[<a href="#">登录</a>/<a href="#">免费注册</a>]</p>
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">收藏</a></li>
        <li><a href="#">会员专区</a></li>
      </ul>
    </div>
  </div> <!-- 最顶部导航结束 -->

    <!-- 页面头部背景 -->
    <div class="bg">
       <img src="images/head.png" alt="顶部背景宣传图">
      <button class="bg_button"></button>
    </div>

    <div class="head_one">
        <div class="brand"></div>
        <!-- 搜索栏 -->
        <div class="searchdiv">
          <form class="searchform" method="get"> 
          <input class="search-submit" type="submit" value=""/>
          <input id="search-input" class="search-input" type="text" name="" size="30px">
          <input class="search-button" id="search-button" value="搜 索">
          </form>
          <div id="hot_search">
              <span>热门搜索：</span>
            <span><a href="">小龙虾</a> <a href="">蓝莓</a> <a href="">虾</a>  <a href="">进口奶</a> <a href="">进口肉</a> <a href="">大枣</a></span>
          </div>
        </div>
          <div class="tel"></div>
    </div>

   


      <div class="clear"></div>
      <!-- 导航栏 -->
      <div class="nav">
        <div class="all_classify">
          <a href="#">全部商品分类</a>
          <img class="boult" src="images/boult.png"/>
       </div>

        <div class="navitem">
          <ul >
            <li class="navitem-first">
              <a href="#">首页</a>
          <span class="border"><img src="images/border.png" /></span>              
            </li>
            <li><a href="#">菜品选购</a>
          <span class="border"><img src="images/border.png" /></span>
            </li>

            <li><a href="#">华农特产</a>
          <span class="border"><img src="images/border.png" /></span>            
            </li>

            <li><a href="#">礼品专区</a>
          <span class="border"><img src="images/border.png" /></span>
            </li>

            <li><a href="#">会员专区</a>
          <span class="border"><img src="images/border.png" /></span>
            </li>
           
            <li><a href="#">生产基地</a>
          <span class="border"><img src="images/border.png" /></span>
            </li>

            <li><a href="#">公司介绍</a>
          <span class="border"><img src="images/border.png" /></span>
            </li>

            <li><a href="#">蔬菜百科</a>
          <span class="border"><img src="images/border.png" /></span>
            </li>
          </ul>
        </div>
      </div>    <!-- end nav   --> 
  </div><!-- header部分 -->

 



     <!-- 主内容区域 -->
    <div id="content" class="content">
      <!-- 商品分类-->       
      <!-- 以下"全部商品分类部分，在首页中显示，在其它页中鼠标滑过才显示" -->
      <div id="list_menu"  class="no-mainpage">
        <div id="YMenu">
             <div id="YMenu-side">       
                  <ul class="YM-mainmnu">
                      <li class="YM-Tab">               
                      <a href="#">大家电</a>
                        <span><img src="images/expand.png"/></span>
                        <ul class="YM-submnu">
                             <li><a href="#1">洗衣机</a></li>
                             <li><a href="#1">平板电视</a></li>
                             <li><a href="#1">电热水器</a></li>
                             <li><a href="#1">家庭音响</a></li>
                             <li><a href="#1">燃气热水器</a></li>
                             <li><a href="#1">空调</a></li>
                             <li><a href="#1">冰箱冷柜</a></li>
                             <li><a href="#1">DVD播放器</a></li>
                             <li><a href="#1">电视附件</a></li>
                             <li><a href="#1">家电服务</a></li>
                             <li><a href="#1">家电下乡</a></li>
                        </ul> 
                       </li>

                      <li class="YM-Tab">               
                      <a href="#">大家电</a>
                        <span><img src="images/expand.png"/></span>
                        <ul class="YM-submnu">
                             <li><a href="#1">洗衣机</a></li>
                             <li><a href="#1">平板电视</a></li>
                             <li><a href="#1">电热水器</a></li>
                             <li><a href="#1">家庭音响</a></li>
                             <li><a href="#1">燃气热水器</a></li>
                               <li><a href="#1">空调</a></li>
                             <li><a href="#1">冰箱冷柜</a></li>
                             <li><a href="#1">DVD播放器</a></li>
                             <li><a href="#1">电视附件</a></li>
                             <li><a href="#1">家电服务</a></li>
                             <li><a href="#1">家电下乡</a></li>
                        </ul> 
                     </li>

                       <li class="YM-Tab">               
                      <a href="#">大家电</a>
                        <span><img src="images/expand.png"/></span>
                        <ul class="YM-submnu">
                             <li><a href="#1">洗衣机</a></li>
                             <li><a href="#1">平板电视</a></li>
                             <li><a href="#1">电热水器</a></li>
                             <li><a href="#1">家庭音响</a></li>
                             <li><a href="#1">燃气热水器</a></li>
                               <li><a href="#1">空调</a></li>
                             <li><a href="#1">冰箱冷柜</a></li>
                             <li><a href="#1">DVD播放器</a></li>
                             <li><a href="#1">电视附件</a></li>
                             <li><a href="#1">家电服务</a></li>
                             <li><a href="#1">家电下乡</a></li>
                        </ul> 
                     </li>

                      <li class="YM-Tab">               
                      <a href="#">大家电</a>
                        <span><img src="images/expand.png"/></span>
                        <ul class="YM-submnu">
                             <li><a href="#1">洗衣机</a></li>
                             <li><a href="#1">平板电视</a></li>
                             <li><a href="#1">电热水器</a></li>
                             <li><a href="#1">家庭音响</a></li>
                             <li><a href="#1">燃气热水器</a></li>
                               <li><a href="#1">空调</a></li>
                             <li><a href="#1">冰箱冷柜</a></li>
                             <li><a href="#1">DVD播放器</a></li>
                             <li><a href="#1">电视附件</a></li>
                             <li><a href="#1">家电服务</a></li>
                             <li><a href="#1">家电下乡</a></li>
                        </ul> 
                     </li> 

                       <li class="YM-Tab">               
                      <a href="#">大家电</a>
                        <span><img src="images/expand.png"/></span>
                        <ul class="YM-submnu">
                             <li><a href="#1">洗衣机</a></li>
                             <li><a href="#1">平板电视</a></li>
                             <li><a href="#1">电热水器</a></li>
                             <li><a href="#1">家庭音响</a></li>
                             <li><a href="#1">燃气热水器</a></li>
                               <li><a href="#1">空调</a></li>
                             <li><a href="#1">冰箱冷柜</a></li>
                             <li><a href="#1">DVD播放器</a></li>
                             <li><a href="#1">电视附件</a></li>
                             <li><a href="#1">家电服务</a></li>
                             <li><a href="#1">家电下乡</a></li>
                        </ul> 
                     </li> 

                       <li class="YM-Tab">               
                      <a href="#">大家电</a>
                        <span><img src="images/expand.png"/></span>
                        <ul class="YM-submnu">
                             <li><a href="#1">洗衣机</a></li>
                             <li><a href="#1">平板电视</a></li>
                             <li><a href="#1">电热水器</a></li>
                             <li><a href="#1">家庭音响</a></li>
                             <li><a href="#1">燃气热水器</a></li>
                               <li><a href="#1">空调</a></li>
                             <li><a href="#1">冰箱冷柜</a></li>
                             <li><a href="#1">DVD播放器</a></li>
                             <li><a href="#1">电视附件</a></li>
                             <li><a href="#1">家电服务</a></li>
                             <li><a href="#1">家电下乡</a></li>
                        </ul> 
                     </li> 

                      <li class="YM-Tab">               
                      <a href="#">大家电</a>
                        <span><img src="images/expand.png"/></span>
                        <ul class="YM-submnu">
                             <li><a href="#1">洗衣机</a></li>
                             <li><a href="#1">平板电视</a></li>
                             <li><a href="#1">电热水器</a></li>
                             <li><a href="#1">家庭音响</a></li>
                             <li><a href="#1">燃气热水器</a></li>
                               <li><a href="#1">空调</a></li>
                             <li><a href="#1">冰箱冷柜</a></li>
                             <li><a href="#1">DVD播放器</a></li>
                             <li><a href="#1">电视附件</a></li>
                             <li><a href="#1">家电服务</a></li>
                             <li><a href="#1">家电下乡</a></li>
                        </ul> 
                     </li>      
                                              
                  </ul>     
            </div>   
        </div>
      </div>  <!-- end .list_menu --><!-- 此部分在首页固定，在其它页面鼠标滑过时出现 -->
      <!-- 订单部分 -->
    <div class="write_indent"></div>
    <div class="indent_title">
      <p><span></span>填写订单信息</p>
    </div>

    <div class="border_indent">
      <div class="delivery_address bottom_border">
        <p id="pp" class="bigfont">配送地址</p>
        <input type="button" id="save_btn" value="保存" />
        <span id="bot" class="bott" ></span>
      </div>

      <div class="old_address rail">
        <ul>
          <li>
            <a class="modify_address" href="#old_address">修改</a>
            <a href="#old_address" class="del_address" >删除</a>
            <input name="address" class="ss" type="radio"  />
            <label class="default fontway"><span id="username">Bingo</span> 广东省广州市天河区 华南农业大学华山公寓9栋 18825165243
           </label>         
            <em class="tip">默认地址</em>
          </li>

          <li>
            <a class="modify_address" href="#old_address">修改</a>
            <a href="#old_address" class="del_address" >删除</a>
            <input name="address" class="ss" type="radio"  />
            <label class="default fontway">huangwnebing 广东省广州市天河区 华南农业大学华山公寓9栋 18825165243
           </label>         
            <em class="tip">默认地址</em>
          </li>

        </ul>
      </div>
        <div class="new_address">
          <div class="add_tit">
           <input name="address" class="ss"  type="radio"/>
           <label class="fontway new_use">使用新地址</label>
          </div>
          <div class="per_name fontway">
            <label for="consignee">收 货 人：</label>
            <input id="consignee" type="text" />
          </div>
          <div class="select_place fontway">
            <label>所在地区：</label>
            <select id="selProvince" >
               <option selected="selected">请选择...</option>
               <option>广东</option>
            </select>

            <select name="selCity" id="selCity" >
              <option selected="selected">请选择...</option>
              <option>广州</option>
            </select>

              <select name="selRegion" id="selRegion" >
              <option selected="selected">请选择...</option>
              <option>天河区</option>
              <option>越秀区</option>
            </select>

            <label id="cant">此区域有无法送达的商品，请回到购物车修改商品</label>
          </div>
           <div class="detail_add fontway">
            <label for="detail_address">详细地址：</label>
            <input id="detail_address" type="text" />
          </div>
           <div class="mobile_phone fontway">
            <label for="phone_num">手机号码：</label>
            <input id="phone_num" type="text" />
          </div>
          <a href="#old_address" class="save_send green_bg">保存并配送到这个地址</a>
        </div>

        <div class="payment_way">
          <div class="pay_send bottom_border">
             <p class="bigfont">支付方式以及配送方式</p>
              <span class="bott"></span>
             <label>如需修改，请先保存收货人信息</label>
            
          </div>

            <div class="rail" id="club_card">
              <input class="rr" name="method " type="checkbox"/>
              <label class="fontway new_use">会员支付</label>
            </div>
            <div class=" rail online" id="online">
              <input class="rr" name="method " type="checkbox"/>
              <label class="fontway new_use">在线支付</label>
            </div>

            <div class="pay_met" id="online_pay">
               <a class="green_bg  met" href="#">支付方式</a>
               <p class="pcant">在线支付 请您在提交订单后24小时内完成支付，否则订单会自动取消</p>
            </div>
            <div class="bank">
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />         
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />
            </div>
            <div class="bank2">
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />
              <input type="radio" name="bankname" />
              <img src="images/alipay.png" />
            </div>

            <div class="pay_met" id="send_met">
               <a class="green_bg met" href="#">配送方式</a>             
            </div>
            <div class="clear"></div>
            <div class="express">
                <input type="radio" name="send_m" />
                <label>顺丰快递</label>
            </div>
             <a href="#" class="save_send green_bg">确认支付及配送方式</a>
        </div>

        <div class="good_list">
           <div class="goods_tit bottom_border">
             <p class="bigfont">商品清单</p>
             <span class="bott"></span>
          </div>
    <div class="goods_list">
      <table id="list_table">
      <thead>
          <tr>
              <th style="width:470px;" colspan="2">商品数量</th>
              <th style="width:165px;">本店价</th>
              <th style="width:165px;">购买数量</th>
              <th style="width:165px;">小计</th>
              <th style="width:165px;">积分</th>
          </tr>
      </thead>
      <tbody>
          <tr>
              <td style="width:100px;"><img src="images/icon80.png" /></td>
              <td class="goods_name"><span>新西兰佳沛阳光花菜加介篮 <em>16个</em> </span></td>
              <td class="price">￥<span>84.00</span></td>
              
            
              <td class="count">2</td>          
              <td class="subTotal"></td>
              <td class="goods_integral">84</td>
          </tr>
          <tr>
              <td style="width:100px;"><img src="images/icon80.png" /></td>
              <td class="goods_name"><span>新西兰佳沛阳光花菜加介篮 <em>16个</em> </span></td>
              <td class="price">￥<span>84.00</span></td>
              
            
              <td class="count">2</td>          
              <td class="subTotal"></td>
              <td class="goods_integral">84</td>
          </tr>
          <tr>
              <td style="width:100px;"><img src="images/icon80.png" /></td>
              <td class="goods_name"><span>新西兰佳沛阳光花菜加介篮 <em>16个</em> </span></td>
              <td class="price">￥<span>84.00</span></td>
              
            
              <td class="count">2</td>          
              <td class="subTotal"></td>
              <td class="goods_integral">84</td>
          </tr>
          </tbody>
      </table>
      <div class="summary">购物车小计：<span></span></div>
          </div>
          <!-- 优惠券 -->
          <div class="coupon offset">          
            <p class="fontway pfont"> <img class="apimg"  src="images/add.png" />使用优惠券抵消部分金额</p>
            <div class="same_bg" id="coupon_border">
              <div id="inner_one">
                <label class="fontway">当前可用优惠券</label>
                <select>
                  <option>不使用优惠券</option>
                  <option>使用优惠券</option>
                </select>
              </div>

              <a href="#" class="green_bg">使用</a>
            </div>
          </div>

          <!-- 礼品卡 -->
          <div class="gift_card offset">         
            <p class="fontway pfont">  <img class="apimg" src="images/add.png" />使用礼品卡抵消部分金额</p>
            <div class="same_bg" id="gift_border">
              <div id="inner_two">
               <label class="fontway">礼品卡可在个人中心进行</label>
               <a href="#">激活</a>
              </div>
              <div id="gift_bg" class="fontway">
                <label>礼品卡</label>
                <label>面值</label>
                <label>余额</label>
                <label>有效期</label>
              </div>
              <a href="#" class="green_bg">使用</a>
            </div>
          </div>

          <!-- 积分 -->
          <div class="integral offset">           
            <p class="fontway pfont"><img class="apimg"  src="images/add.png" />使用积分抵消部分金额</p>
            <div class="same_bg" id="integral_border">
              <div id="inner_three">
                <p>积分兑换：使用<input type="text" />积分， 可抵消</p>
                <p>本次最多可使用使用积分<span>22700</span>, 您目前的积分值为<span> 100</span></p>
              </div>
              <a href="#" class="green_bg">使用</a>
            </div>
          </div>

          <!-- 发票 -->
          <div class="invoice offset">           
            <p class="fontway pfont"><img class="apimg" src="images/add.png" />发票信息</p>
            <div class="same_bg" id="invoice_border">
              <div id="inner_four">
               <input id="need" type="radio" name="need" />
                <label class="fontway" for="need">需要</label>
                <input  id="notneed" type="radio" name="need" />
                <label class="fontway">不需要</label>
              </div>
               <a href="#" class="green_bg">确认发票信息</a>
            </div>
          </div>
        </div>

        <div class="settle">
          <div class="settel_tit bottom_border">
             <p class="bigfont">结算信息</p>
             <span class="bott"></span>
          </div>
          <label class="settle_info">商品总价:
            <span>￥<span class="pri_b">227.00</span></span> + 运费:
            <span>￥<span class="pri_b">0.00</span></span> + 发票运费:
            <span>￥<span class="pri_b">0.00</span></span> - 优惠券:
            <span>￥<span class="pri_b">0.00</span></span> - 礼品卡:
            <span>￥<span class="pri_b">0.00</span></span> - 积分兑换:
            <span>￥<span class="pri_b">0.00</span></span>
          </label>
          <label class="total_fee">应付总金额:<span>￥<span class="pri_r"></span></span></label>
        </div>

        <div class="remark">
          <label>备注</label>
          <input type="text" />
          <a class="green_bg" href="#">提交订单</a>
        </div>
      </div>
    </div>

    <!-- 页脚部分 -->
<div id="footer">
  <div class="cwidth h-center teleg">
    <div class="column icon_g1">
    <h3>关于我们</h3>
    <ul>
      <li><a href="#">关于华大尚田</a></li>
    <li><a href="#">公司架构</a></li>
    <li><a href="#">生产基地</a></li>
    <li><a href="#">招贤纳士</a></li>
    </ul>
  </div>
    <div class="column icon_g2">
    <h3>新手教程</h3>
    <ul>
      <li><a href="#">新手教程</a></li>
      <li><a href="#">购物流程</a></li>
      <li><a href="#">注册登录</a></li>
      <li><a href="#">账户充值</a></li>
      <li><a href="#">如何提货</a></li>
      <li><a href="#">会员政策</a></li>
    </ul>
  </div>
  <div class="column icon_g3">
    <h3>配送方式</h3>
    <ul>
      <li><a href="#">自营全程冷链配送</a></li>
      <li><a href="#">配送范围</a></li>
      <li><a href="#">运送标准</a></li>      
    </ul>
  </div>
  <div class="column icon_g4">
    <h3>支付方式</h3>
    <ul>
      <li><a href="#">货到付款</a></li>
      <li><a href="#">在线支付</a></li>
      <li><a href="#">账户余额支付</a></li>
      <li><a href="#">雅高E卡</a></li>
      <li><a href="#">多种福利卡</a></li>
    </ul>
  </div>
  <div class="column icon_g5">
    <h3>售后服务</h3>
    <ul>
      <li><a href="#">退换货政策</a></li>
      <li><a href="#">退换货流程</a></li>
      <li><a href="#">退款</a></li>
      <li><a href="#">投诉建议</a></li>
    </ul>
  </div>
   <div class="column icon_g6">
    <h3>帮助信息</h3>
    <ul>
      <li><a href="#">安全食品购物指南</a></li>
      <li><a href="#">常见问题</a></li>
      <li><a href="#">电子优惠券的使用</a></li>
      <li><a href="#">礼品卡</a></li>
    </ul>
  </div>
</div>

<div id="powered">
Copyright © 广州新富农农业科技有限公司
<br>
地址：广州市天河区五山华南农业大学信息学院936室 邮编：510642 联系方式：85280321 粤ICP备13088624号-2
</div>
</div>
<!-- 页脚部分结束 -->

<!-- 内容区域结束 -->
</div>

<!-- 整个容器部分结束 -->


</body>
</html>